<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查询</title>
</head>
<body>
    <h1 id="英文">hello word</h1>
    <h1 id="中文">你好世界</h1>
    <p class="time year">2022</p>
    <p class="time month">05</p>
    <p class="time day">28</p>
    </br>
    <input type="text">
    </br>
    <img src="https://img0.baidu.com/it/u=2418924698,1279685344&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" width="200" height="130">


    <script>
        var imageList = ['1.png', '2.png', '3.png','4.png','5.png', '6.png', '7.png','8.png'];
        var image = document.querySelector('img');
        var k = 0;
        setInterval(function () {
            image.src = imageList[k];
            k = (k + 1) % imageList.length;
        }, 1000 / 24 );

<!--        var h1 = document.querySelector('h1');-->
<!--        setInterval(function() {-->
<!--            var first = h1.textContent[0];-->
<!--            var remain = h1.textContent.substr(1);-->
<!--            h1.textContent = remain + first;-->
<!--        }, 1000);-->

<!--        var colorList = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];-->
<!--        var body = document.querySelector('body');-->
<!--        var i = 0;-->
<!--        setInterval(function () {-->
<!--            body.style = `background-color: ${colorList[i]};`;-->
<!--            i = (i + 1) % colorList.length;-->
<!--        }, 1000);-->
    </script>
</body>
</html>